<template>
    <div class="Page404">
        <!-- 头部 -->
		<Header/>
        <div class="container">
            <img :src="img">
            <div class="title">抱歉，您访问的页面不存在或数据已被删除</div>
        </div>
        <!-- 底部 -->
		<Footer />
    </div>
</template>

<script>
    import {} from '@/api/api'
    import Header from '@/components/Header.vue'
	import Footer from '@/components/Footer.vue'
    export default {
        //组件注入
        components: {Header,Footer},
        //存放数据
        data() {
            return {
                img:require("../assets/404.png"),
            }
        },
        //接受父组件传递的值
        props:[],
        //监控data中的数据变化
        watch: {},
        //方法集合
        methods: {},
        //生命周期 - 创建完成（可以访问当前this实例）
        created() {},
        //生命周期 - 挂载完成（可以访问DOM元素）
        mounted() {}
    };
</script>
<style lang="scss">
    @mixin text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    @mixin text-ellipsisclamp($clamp){display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: $clamp;overflow: hidden;}
    @mixin transition{transition: all .3s;}
    .Page404{background: #F6F6F6;
        .container{min-height: 500px;height: auto;overflow: hidden;text-align: center;padding: 150px 0 200px;
            img{width: 220px;margin: 0 auto 10px;display: block;}
            .title{font-size: 14px;color: #666;}
        }
    }
</style>